<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% load static %}
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>查询空教室</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel='shortcut icon' href="{% static 'image/home/tubiao.ico'%}">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    {% load static %}
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'css/home/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/home/normalize.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/home/font-awesome.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/home/animate.css' %}">
    <link rel="stylesheet" href="{% static 'css/home/templatemo_misc.css' %}">
    <link rel="stylesheet" href="{% static 'css/home/templatemo_style.css' %}">
    <script src="{% static 'js/home/vendor/modernizr-2.6.2.min.js' %}" type="text/javascript"></script>
</head>
<body>
  {% load static %}
  <div id="front">
    <div class="site-header">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-6 col-xs-6">
                    <div id="templatemo_logo" style="background-size: 100px 100px ;background-image: url({% static 'image/home/Fatinn.gif' %});">
                        <h1><a href="#" title="HTML5 Template">Fatinn</a></h1>
                    </div> <!-- /.logo -->
                </div> <!-- /.col-md-4 -->
                <div class="col-md-8 col-sm-6 col-xs-6">
                    <a href="#" class="toggle-menu"><i class="fa fa-bars"></i></a>
                    <div class="main-menu">
                        <ul>
                            <li><a href="#front">Home</a></li>
                            <li><a href="#services">Services</a></li>
                            <li><a href="#contact">Contact</a></li>
                        </ul>
                    </div> <!-- /.main-menu -->
                </div> <!-- /.col-md-8 -->
            </div> <!-- /.row -->
            <div class="row">
                <div class="col-md-12">
                    <div class="responsive">
                        <div class="main-menu">
                            <ul>
                                <li><a href="#front">Home</a></li>
                                <li><a href="#services">Services</a></li>
                                <li><a href="#contact">Contact</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- /.container -->
    </div> <!-- /.site-header -->
</div> <!-- /#front -->


  <div style=" width:300px;height:200px;margin: auto;" >
      <form action="{% url 'searchroom' %}"method="post" >
        {% csrf_token %}
          <br>
          <br>
          <br>
          <br>
          <br>
          <h2>教学楼</h2>
          <select class="form-control" name="building" style="left: 25%;" >
              <option value ="J1">J1</option>
              <option value ="J3">J3</option>
              <option value="J5">J5</option>
              <option value="J7">J7</option>
              <option value="J14">J14</option>
              <option value="Js1">Js1</option>
          </select><BR>
          <h2>星期:</h2>
            <select class="form-control" name="day">
              <option value ="0">星期一</option>
              <option value ="1">星期二</option>
              <option value="2">星期三</option>
              <option value="3">星期四</option>
              <option value="4">星期五</option>
              <option value="5">星期六</option>
              <option value="6">星期日</option>
          </select><BR>
            <h2>时间：</h2>
          <select class="form-control" name="time">
            <option value ="0">12节</option>
            <option value ="1">34节</option>
            <option value="2">56节</option>
            <option value="3">78节</option>
            <option value="4">910节</option>
        </select><BR>
          <h2>开课周：</h2>
          <select class="form-control" name="week">
            <option value ="0">1</option>
            <option value ="1">2</option>
            <option value="2">3</option>
            <option value="3">4</option>
            <option value="4">5</option>
            <option value ="5">6</option>
            <option value ="6">7</option>
            <option value="7">8</option>
            <option value="8">9</option>
            <option value="9">10</option>
            <option value ="10">11</option>
            <option value ="11">12</option>
            <option value="12">13</option>
            <option value="13">14</option>
            <option value="14">15</option>
            <option value="15">16</option>
            <option value ="16">17</option>
            <option value ="17">18</option>
            <option value="18">19</option>
            <option value="19">20</option>
        </select><BR>
  <!--        类别：<input class="form-control" type="text" th:value="${Categories}" name="Categories"><br>-->
          <button class="btn btn-primary btn-lg btn-block">查询</button>
      </form>
  </div>
  <script src="{% static 'js/home/vendor/jquery-1.10.1.min.js' %}"></script>
    <script>window.jQuery || document.write('<script src="{% static 'js/home/vendor/jquery-1.10.1.min.js' %}"><\/script>')</script>
    <script src="{% static 'js/home/jquery.easing-1.3.js' %}"></script>
    <script src="{% static 'js/home/bootstrap.js' %}"></script>
    <script src="{% static 'js/home/plugins.js' %}"></script>
    <script src="{% static 'js/home/main.js' %}"></script>
      
</body>
</html>